<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商城</title>
		<link rel="stylesheet" href="css/reset.css" type="text/css" />
		<link rel="stylesheet" href="css/utrls.css" type="text/css" />
		<link rel="stylesheet" href="css/market.css" type="text/css" />
		<script src="js/jquery-3.6.0.js"></script>
	</head>
	<!-- 商城界面 -->
	<body>
		<!-- 顶部 -->
		<div class="top">
			<div class="t_nav">
				<div class="logo">
					<a href="#"></a>
				</div>

				<div class="login_list">
					<div class="login">
						登录
					</div>
					<ul>
						<li><a href=""><em class="phone"></em>手机号登录</a></li>
						<li><a href=""><em class="wechat"></em>微信登录</a></li>
						<li><a href=""><em class="qq"></em>QQ登录</a></li>
						<li><a href=""><em class="sina"></em>新浪微博登录</a></li>
						<li><a href=""><em class="netease"></em>网易邮箱账号登录</a></li>
					</ul>
				</div>
				<div class="car">
					<a href=""></a>
				</div>
			</div>
		</div>

		<!-- 轮播图 -->
		<div class="banner">
			<div>
				<ul>
					<li class="active" style=" background-image: url('img/shopLbBg1.jpg'); ">
						<a href="">
							<img src="img/shopLb1.jpg" alt="">
						</a>
					</li>
					<li style=" background-image: url('img/shopLbBg2.jpg'); ">
						<a href="">
							<img src="img/shopLb2.jpg" alt="">
						</a>
					</li>
					<li style=" background-image: url('img/shopLbBg3.jpg'); ">
						<a href="">
							<img src="img/shopLb3.jpg" alt="">
						</a>
					</li>
					<li style=" background-image: url('img/shopLbBg4.jpg'); ">
						<a href="">
							<img src="img/shopLb4.jpg" alt="">
						</a>
					</li>
					<li style=" background-image: url('img/shopLbBg5.jpg'); ">
						<a href="">
							<img src="img/shopLb5.jpg" alt="">
						</a>
					</li>
					<li style=" background-image: url('img/shopLbBg6.jpg'); ">
						<a href="">
							<img src="img/shopLb6.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
			<div class="dots">
				<a href="javascript:" class="sel"></a>
				<a href="javascript:"></a>
				<a href="javascript:"></a>
				<a href="javascript:"></a>
				<a href="javascript:"></a>
				<a href="javascript:"></a>
			</div>
			<div class="point">
				<a href="#" class="left_btn">
					<i class="tk"></i>
				</a>
				<a href="#" class="right_btn">
					<i class="tk"></i>
				</a>
			</div>
		</div>

		<!-- 种类 -->
		<div class="type">
			<div class="hometap">
				<ul>
					<li>
						<a href="">
							<img src="img/IP周边.jpg" alt="" />
							<span>IP周边</span>
						</a>
						<em></em>
					</li>
					<li>
						<a href="">
							<img src="img/热销爆品.jpg" alt="" />
							<span>热销爆品</span>
						</a>
						<em></em>
					</li>
					<li>
						<a href="">
							<img src="img/数码影音.jpg" alt="" />
							<span>数码影音</span>
						</a>
						<em></em>
					</li>
					<li>
						<a href="">
							<img src="img/jifen.png" alt="" />
							<span>云贝商城</span>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!-- 主界面 -->
		<div class="main" id="main-container">
			<!-- 主页 -->
			<div class="home">
				<!-- 顶上的耳机和套装 -->
				<div class="h_top">
					<div class="h_left">
						<a href="">
							<img src="img/erji.jpg" alt="" />
						</a>
					</div>
					<div>
						<a href="">
							<img src="img/taozhuang.jpg" alt="" />
						</a>
					</div>
				</div>
				<!-- 数字专辑 -->
				<div class="album">
					<div class="a_left">
						<div class="inner">
							<span>
								<i></i>
								"数字专辑"
							</span>
							<p>
								"数字专辑"
							</p>
							<a href="">立 即 购 买 ></a>
						</div>
					</div>
					<div class="a_right">
						<img src="img/szzj1.jpg" alt="" class="zj1" />
						<img src="img/szzj2.jpg" alt="" class="zj2" />
						<i></i>
					</div>
				</div>
				<!-- 热门商品 -->
				<div class="goods">
					<span>热门商品</span>
					<div class="g_list">
						<ul>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li>
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
							<li style="padding-right: 0px;">
								<div>
									<a href="" class="photo">
										<img src="img/rmsp1.jpg" alt="" />
									</a>
									<div class="title">
										<h3>
											<a href="">邱胜翊（王子） Attention! 听好 1CD</a>
										</h3>
										<p>
											¥ 69
										</p>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- top回到顶部 -->
			<div class="go_top">
				<div class="t_item">
					<span>
						100% <br> 正品
					</span>
				</div>
				<div class="t_item">
					<span>七天无理由退货</span>
				</div>
				<div class="t_item car">
					<i></i>
					<span style="margin: 0;">购物车</span>
				</div>
				<div class="t_item kefu">
					<i></i>
					<span style="margin: 0;">客服</span>
				</div>
				<div class="t_item g_top">
					<a href="#top" id="back-to-top"></a>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div class="button">
			<div class="b_main">
				<div class="title">
					<p>
						<a href="">服务条款</a>
						<span>|</span>
						<a href="">隐私政策</a>
						<span>|</span>
						<a href="">儿童隐私政策</a>
						<span>|</span>
						<a href="">版权投诉指引</a>
					</p>
					<p>
						网易公司版权所有©1997-2024  
						杭州乐读科技有限公司运营：
						<a href="">浙网文[2021] 1186-054号</a>
					</p>
					<p>
						<a href="">食品经营许可证</a>
						<a href="">出版物经营许可证</a>
						<a href="">营业执照</a>
						<span>网络食品交易第三方平台提供者信息备案: 浙网食A33010041</span>
						<a href="">进口冷链管理承诺书</a>
					</p>
					<p>
						<span>粤B2-20090191-18</span>
						举报邮箱：
						<a href="">工业和信息化部备案管理系统网站</a>
					</p>
				</div>
				<ul>
					<li>
						<a href="" class="people"></a>
					</li>
					<li>
						<a href="" class="column"></a>
					</li>
					<li>
						<a href="" class="media"></a>
					</li>
					<li>
						<a href="" class="appreciate"></a>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/market.js"></script>
</html>